<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>重置密码</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/login.css" media="all">
</head>

<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
    <div class="layadmin-user-login-main">
        <div class="layadmin-user-login-box layadmin-user-login-header">
            <h2>重置密码</h2>
            <%--            <p>layui 官方出品的单页面后台管理模板系统</p>--%>
        </div>
        <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
            <div class="layui-form-item">
                <label class="layadmin-user-login-icon layui-icon layui-icon-cellphone"></label>
                <input type="text" name="idCard" id="idCard" lay-verify="number"
                       placeholder="请输入身份证号" class="layui-input">
            </div>
            <div class="layui-form-item">
                <label class="layadmin-user-login-icon layui-icon layui-icon-cellphone"></label>
                <input type="text" name="userName" id="userName" lay-verify="required"
                       placeholder="请输入本人姓名" class="layui-input">
            </div>
            <%--                <div class="layui-form-item">--%>
            <%--                    <div class="layui-row">--%>
            <%--                        <div class="layui-col-xs7">--%>
            <%--                            <label class="layadmin-user-login-icon layui-icon layui-icon-vercode"--%>
            <%--                                   for="LAY-user-login-vercode"></label>--%>
            <%--                            <input type="text" name="vercode" id="LAY-user-login-vercode" lay-verify="required"--%>
            <%--                                   placeholder="图形验证码" class="layui-input">--%>
            <%--                        </div>--%>
            <%--                        <div class="layui-col-xs5">--%>
            <%--                            <div style="margin-left: 10px;">--%>
            <%--                                <img src="https://www.oschina.net/action/user/captcha"--%>
            <%--                                     class="layadmin-user-login-codeimg" id="LAY-user-get-vercode">--%>
            <%--                            </div>--%>
            <%--                        </div>--%>
            <%--                    </div>--%>
            <%--                </div>--%>
            <!--            <div class="layui-form-item">-->
            <!--              <div class="layui-row">-->
            <!--                <div class="layui-col-xs7">-->
            <!--                  <label class="layadmin-user-login-icon layui-icon layui-icon-vercode" for="LAY-user-login-smscode"></label>-->
            <!--                  <input type="text" name="vercode" id="LAY-user-login-smscode" lay-verify="required" placeholder="短信验证码" class="layui-input">-->
            <!--                </div>-->
            <!--                <div class="layui-col-xs5">-->
            <!--                  <div style="margin-left: 10px;">-->
            <!--                    <button type="button" class="layui-btn layui-btn-primary layui-btn-fluid" id="LAY-user-getsmscode">获取验证码</button>-->
            <!--                  </div>-->
            <!--                </div>-->
            <!--              </div>-->
            <!--            </div>-->
            <div class="layui-form-item">
                <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-forget-submit">重置密码
                </button>
            </div>
        </div>

        <%--    <div class="layui-trans layadmin-user-login-footer">--%>

        <%--        <p>© 2018 <a href="http://www.layui.com/" target="_blank">layui.com</a></p>--%>
        <%--        <p>--%>
        <%--            <span><a href="http://www.layui.com/admin/#get" target="_blank">获取授权</a></span>--%>
        <%--            <span><a href="http://www.layui.com/admin/pro/" target="_blank">在线演示</a></span>--%>
        <%--            <span><a href="http://www.layui.com/admin/" target="_blank">前往官网</a></span>--%>
        <%--        </p>--%>
        <%--    </div>--%>

    </div>
</div>

    <script src="../../layuiadmin/layui/layui.js"></script>
    <script>
        layui.config({
            base: '../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'user'], function () {
            var $ = layui.$
                , setter = layui.setter
                , admin = layui.admin
                , form = layui.form
                , layer = layui.layer
                , router = layui.router();

            form.render();

            //找回密码下一步
            form.on('submit(LAY-user-forget-submit)', function (obj) {
                var field = obj.field;

                $.ajax({
                    url: "${pageContext.request.contextPath}/user/resetPassword",
                    type: "post",
                    data: JSON.stringify(field),
                    contentType: 'application/json',
                    processDate: false,
                    success: function (res) {
                        if (res.code == 0) {
                            console.log(res)
                            layer.msg("重置密码成功，将在3秒后跳转到登录页");
                            setTimeout(function () {
                                location.href = "${pageContext.request.contextPath}/user/loginView";
                            }, 3000);
                        } else {
                            layer.msg(res.msg);
                        }

                        // return;
                    }
                })

                //请求接口
                // admin.req({
                //     url: layui.setter.base + 'json/user/forget.js' //实际使用请改成服务端真实接口
                //     , data: field
                //     , done: function (res) {
                //         location.hash = '/type=resetpass';
                //         location.reload();
                //     }
                // });

                return false;
            });

            //重置密码
            form.on('submit(LAY-user-forget-resetpass)', function (obj) {
                var field = obj.field;

                //确认密码
                if (field.password !== field.repass) {
                    return layer.msg('两次密码输入不一致');
                }

                //请求接口
                admin.req({
                    url: layui.setter.base + 'json/user/resetpass.js' //实际使用请改成服务端真实接口
                    , data: field
                    , done: function (res) {
                        layer.msg('密码已成功重置', {
                            offset: '15px'
                            , icon: 1
                            , time: 1000
                        }, function () {
                            location.href = 'login.html'; //跳转到登入页
                        });
                    }
                });

                return false;
            });

        });
    </script>
    </body>
</html>